@font-face {
    font-family: 'PingFangSC-Regular';
    src: url(../font/PingFangSC-Regular.ttf);
}

@font-face {
    font-family: 'DingTalk';
    src: url(../font/DingTalk-JinBuTi.ttf);
}

@font-face {
    font-family: 'ZiTiQuanXinYiJiXiangSong';
    src: url(../font/ZiTiQuanXinYiJiXiangSong-2.ttf);
}

@font-face {
    font-family: 'bitwonder';
    src: url(../font/8bitwonder.woff2) format('woff2');
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
    outline: none;
    font-family: 'PingFangSC-Regular', '微软雅黑';
    /* transition: all 0.3s; */
}

a {
    text-decoration: none;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #1C61B1;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}

html {
    font-size: 100px;
}

.app {
    position: relative;
    font-size: .14rem;
    min-width: 1100px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: linear-gradient(#004b9b 0%, #224b77 10%);
    /* /* font-family: PingFangSC-Medium, PingFang SC; */
}

html,
body {
    width: 100%;
    height: 100%;
    cursor: default;
    overflow: hidden;
}


/* 内容框架 */

.box {
    width: 100%;
    height: calc(100% - 0.97rem);
    z-index: 2;
    position: relative;
}

.box-left {
    width: 100%;
    height: 100%;
}

.box-right {
    height: calc(100% - 3rem);
    background: linear-gradient(#116ba2, #09161e);
    border-top: 1px solid #34d297;
    overflow: hidden;

}


/* 地图 */

.box-map {
    width: 100%;
    height: 100%;
    background: url(../img/firemap/bg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.map {
    width: 100%;
    height: 100%;
}

.m-switch {
    display: flex;
    position: absolute;
    right: 0.1rem;
    top: 0.15rem;
    z-index: 2;
    background: url(../img/firemap/bg9.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1.8rem;
    height: 0.6rem;
    justify-content: space-evenly;
    align-items: center;
}

.m-switch img {
    width: 0.32rem;
    height: 0.32rem;
    cursor: pointer;
}

.m-switch>.active>img {
    width: 0.48rem;
    height: 0.48rem;
    filter: brightness(1.5) drop-shadow(0 0 4px #fff);

}

#mapContainer {
    width: 100%;
    height: 100%;
    padding: 0.15rem;
}

.amap-info-content {
    background: transparent;
}

.amap-logo,
.amap-copyright {
    display: none !important;
}

.amap-info-close {
    top: 0rem;
    right: 0 !important;
    width: .15rem;
    height: .15rem;
}

.map-size {
    width: 0.72rem;
    height: 1.8rem;
    position: absolute;
    left: 3.6rem;
    top: 0.4rem;
    z-index: 2;
}

.map-size>div {
    display: flex;
    color: #fff;
    align-items: center;
}

.marker-size {
    -webkit-appearance: none;
    /* remove default */
    display: block;
    margin: 0.1rem;
    width: 0.24rem;
    height: 0.24rem;
    border-radius: 50%;
    cursor: pointer;
    vertical-align: middle;
    box-shadow: hsla(0, 0%, 100%, .15) 0 1px 1px, inset hsla(0, 0%, 0%, .5) 0 0 0 1px;
    background-color: hsla(0, 0%, 0%, .2);
    background-image: -webkit-radial-gradient(hsla(200, 100%, 90%, 1) 0%, hsla(200, 100%, 70%, 1) 15%, hsla(200, 100%, 60%, .3) 28%, hsla(200, 100%, 30%, 0) 70%);
    background-repeat: no-repeat;
    -webkit-transition: background-position .15s cubic-bezier(.8, 0, 1, 1),
        -webkit-transform .25s cubic-bezier(.8, 0, 1, 1);
    outline: none;
}

.marker-size:checked {
    -webkit-transition: background-position .2s .15s cubic-bezier(0, 0, .2, 1),
        -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
}

.marker-size,
.marker-size:active {
    background-position: 0 0.24rem;
}

.marker-size:checked {
    background-position: 0 0;
}

.marker-size:checked~.marker-size,
.marker-size:checked~.marker-size:active {
    background-position: 0 -0.24rem;
}

.marker-size:active {
    -webkit-transform: scale(1.5);
    -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
}


.map-switch {
    width: 3.3rem;
    height: 100%;
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
    z-index: 2;
    display: flex;
    flex-direction: column;
}

.map-car-count {
    display: flex;
    position: absolute;
    left: 4.5rem;
    top: 0;
    z-index: 2;
    width: 2rem;
    height: 0.64rem;
    background-image: url(../img/index/bg14.png);
    background-size: 100% 100%;
    align-items: center;
    color: #999;
    font-size: 0.16rem;
    text-indent: 0.06rem;
    white-space: nowrap;
    margin: 0.1rem 0.05rem;
    filter: brightness(1.5) drop-shadow(0 0 1px #051244);
    flex-direction: column;
    justify-content: space-evenly;
}

.map-count-item span {
    font-size: 0.2rem;
    font-family: DingTalk;
    margin-left: 0.1rem;
}

.map-car {
    display: flex;
    position: absolute;
    left: 6.5rem;
    top: 0;
    z-index: 2;
    width: 10rem;
}

.map-tool {
    width: auto;
    height: 0.6rem;
    position: absolute;
    bottom: 0.15rem;
    left: 3.8rem;
    z-index: 2;
    display: flex;
}

.map-tool-item {
    width: 0.8rem;
    height: 0.54rem;
    background-image: url(../img/firemap/bg8.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-right: 0.05rem;
    background-color: #0d224866;
}

.map-tool-item:hover {
    filter: brightness(1.2) drop-shadow(0 0 3px #0ab5f8);
}

.map-tool-item.active {
    filter: brightness(1.2) drop-shadow(0 0 3px #0ab5f8);
    color: #06fcfc;
}

.map-tool-item>img {
    width: 0.2rem;
    height: 0.2rem;
}

.map-tool-config {
    width: 3rem;
    height: 1rem;
    background-image: url(../img/firemap/bg3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0.72rem;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.map-tool-config>div {
    width: calc(100% - 0.4rem);
    margin-left: 0.2rem;
    height: 0.32rem;
    display: flex;
    align-items: center;
}

.map-tool-config>div>img {
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.15rem;
}

.t-c-item {
    width: calc(100% - 0.4rem);
    height: 100%;
    display: flex;
    align-items: center;
}

.silder-icon {
    margin: 0 0 0 0.15rem;
    width: 0.54rem;
}

.map-silder-icon {
    position: absolute;
    top: -1px;
    left: 30px;
    color: #00deff;
    font-size: 12px;
    white-space: nowrap;
}

.t-c-item>input {
    height: 100%;
    background: #03375166;
    border: none;
    color: #5cf4f4;
    box-shadow: 0 0 2px inset #15374a;
}

#silder {
    width: 70%;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 0.1rem;
}

.layui-slider {
    width: 100%;
    background: #1274ae;
}

.map-pop {
    width: 3.6rem;
    height: 3rem;
    background-image: url(../img/index/bg14.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 1rem;
    right: 0.2rem;
    z-index: 2;
}

.map-pop-box {
    width: calc(100% - 0.4rem);
    margin-left: 0.2rem;
    height: calc((100% - 0.7rem));
    position: relative;
    color: #ddd;
    font-size: 0.16rem;
}

.pop-box-li {
    text-indent: 0.1rem;
    line-height: 0.28rem;
}

.pop-box-li:nth-child(1) {
    font-size: 0.2rem;
    margin: 0.1rem 0;
    color: #13c8ff;
    font-family: DingTalk;
}

.pop-box-li>img {
    width: 0.24rem;
    height: 0.24rem;
}

.pop-box-li>span {
    font-size: 0.18rem;
    color: #2ee6e6;
}

.pop-box-tool {
    display: flex;
    justify-content: end;
}

.pop-box-tool>img {
    width: 0.6rem;
}

.pop-box-tool>div {
    width: 1.2rem;
    height: 0.4rem;
    background-image: url(../img/index/bg7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.pop-box-tool>div:hover {
    filter: drop-shadow(0 0 3px #33cfff) brightness(1.2);
    color: #23ffcb;
}

.map-pop-box::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url(../img/oneMap/iocn1.png);
    background-repeat: no-repeat;
    background-size: 1.9rem 2.28rem;
    background-position: right -0.5rem;
    opacity: 0.2;
    z-index: -1;
}

.map-s-detail {
    width: 3.6rem;
    height: 2.6rem;
    background-image: url(../img/index/bg6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: -0.16rem;
}

.map-s-d-title {
    width: 100%;
    height: 0.9rem;
    line-height: 0.9rem;
    color: #0bffe8;
    font-size: 0.24rem;
    font-family: ZiTiQuanXinYiJiXiangSong;
    letter-spacing: 2px;
}

.map-s-d-msg {
    color: #ddd;
    padding: 0 0.2rem;
    font-size: 0.16rem;
}

.map-s-d-title>img {
    width: 0.32rem;
    margin-right: 0.04rem;
}


.map-s-item {
    width: 0.96rem;
    height: 0.64rem;
    background-image: url(../img/oneMap/icon4.png);
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    color: #ddd;
    font-size: 0.16rem;
    text-indent: 0.06rem;
    white-space: nowrap;
    cursor: pointer;
    margin: 0.1rem 0.05rem;
    filter: brightness(1.5) drop-shadow(0 0 1px #051244);
    flex-direction: column;
    justify-content: space-evenly;
}

.map-s-item.active {
    filter: brightness(1.1) drop-shadow(0 0 4px #06fcfc);
}

.map-s-item>img {
    width: 0.32rem;
    margin: 0 0 0 0.1rem;
}

.map-s-item>span {
    font-size: 0.2rem;
    font-style: italic;

}


.map-title {
    width: calc(100% - 0.4rem);
    margin-left: 0.2rem;
    height: 0.6rem;
    color: #7cfbff;
    line-height: 0.6rem;
    font-size: 0.18rem;
    background: url(../img/oneMap/t1.png);
    background-repeat: no-repeat;
    background-size: auto 0.4rem;
    letter-spacing: 1px;
    text-indent: 0.32rem;
    border-bottom: 1px #27819b38 solid;
    background-position: 0 center;
}

.cluster-icon {}

.marker-text {
    white-space: nowrap;
    color: #31b0ce;
    font-size: 0.18rem;
    font-family: DingTalk;
    display: flex;
    line-height: 1.1;
}

.m1 {
    width: 22px;
    height: 25px;
    background: url(../img/oneMap/m1.png);
}

.m2 {
    width: 32px;
    height: 37px;
    background: url(../img/oneMap/m2.png);
}

.m3 {
    width: 43px;
    height: 49px;
    background: url(../img/oneMap/m3.png);
}

.m-icon {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    filter: brightness(1.3) drop-shadow(0 0 3px #00e7ff);
}

.close-marker-label {
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 18px;
    color: #dbdbdb;
    cursor: pointer;
}

.fire-marker {
    filter: drop-shadow(0 0 3px red);
    scale: 1.2;
}

.fire-marker-label {
    width: 2.74rem;
    height: 1.68rem;
    filter: drop-shadow(0 0 4px red);
    background-image: url(../img/index/bg1.png);
    background-size: 100% 100%;
    scale: 1.2;
}

.fire-marker-label>p {
    color: #fff;
    width: 1.8rem;
    padding: 0.4rem 0;
    margin-left: 0.7rem;
    font-size: 0.12rem;
}

.car-marker {
    animation: shine 2s linear infinite;
    animation-delay: 0;
}

@keyframes shine {
    0% {
        filter: drop-shadow(0 0 5px #ffffff) brightness(0.8);
    }

    50% {
        filter: drop-shadow(0 0 5px #ffffff) brightness(1.6);
    }

    100% {
        filter: drop-shadow(0 0 5px #ffffff) brightness(0.8);
    }
}

.panel {
    position: absolute;
    right: 0.2rem;
    bottom: 0.2rem;
    background-image: url(../img/firemap/bg4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 3.6rem;
    overflow: hidden;
    height: 45%;
    display: none;
}

#panel {
    width: calc(100% - 0.4rem);
    height: calc(100% - 0.4rem);
    overflow-y: auto;
    margin: 0.2rem;
}

.amap-marker {
    scale: 0.8;
}

.amap-ranging-label,
.amap-overlay-text-container {
    color: #ccc;
    border: none;
    background-image: url(../img/firemap/bg4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #000000db;
    padding: 5px;
}

.amap-lib-driving,
.amap-lib-driving .planTitle,
.amap-lib-driving .plan-nobus {
    background-color: transparent;
    border: none;
    color: #25f9a9;
}

.amap-lib-driving .planTitle {
    color: #fff;
}

.amap-lib-driving .planTitle:hover,
.amap-lib-driving .plan dt:hover {
    background: transparent;
}

.amap-lib-driving .planTitle p {

    color: #c7c7c7;
}

.amap-lib-driving b {
    font-weight: 400;
}

.amap-call {
    display: none !important;
}

.amap-lib-driving .plan dt {
    border: none;
}

.amap-controls {
    display: none;
}

/*  左侧列表 */
.level1 {
    filter: hue-rotate(300deg);
}

.level2 {
    filter: hue-rotate(200deg);
}

.level3 {
    filter: hue-rotate(140deg);
}

.list-title {
    width: calc(100% - 0.2rem);
    height: 0.52rem;
    margin: 0.3rem 0.1rem 0.1rem;
    color: #ff7a04;
    font-size: 0.18rem;
    background: url(../img/firemap/t1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    letter-spacing: 1px;
    text-align: center;
    line-height: 0.4rem;
}

.box-list {
    width: calc(100% + 0.2rem);
    height: calc(100% - 1rem);
    overflow: auto;
    background-image: url(../img/oneMap/bg15.png);
    background-size: 30%;
}

.list-item {
    width: calc(100% - 0.4rem);
    margin-left: 0.1rem;
    background-image: url(../img/firemap/bg8.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    margin-bottom: 0.3rem;
    filter: brightness(0.9);
}

.list-item>div {
    width: 100%;
    height: 100%;
    min-height: 0.6rem;
    padding: 0 0.3rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.l-i-status {
    flex-direction: row !important;
}

.l-i-status>div {
    display: flex;
    align-items: center;
}

.l-i-status img {
    width: 0.5rem;
    filter: drop-shadow(1px 2px 1px #152a40);
}

.fly-icon {
    cursor: pointer;
    width: 0.25rem !important;
    height: 0.34rem;
}


.l-i-status-text {
    background-image: url(../img/index/i3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 0.54rem;
    line-height: 0.54rem;
    text-indent: 0.15rem;
    white-space: nowrap;
    width: 1.2rem;
}

.l-i-title {
    padding-left: 0.15rem;
    position: relative;
    color: #74ffd1;
}

.l-i-sub {
    font-size: 0.18rem;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    color: transparent;
    background-image: linear-gradient(to bottom, #fff, #3898ff);
    background-clip: text;
    -webkit-background-clip: text;
    font-family: "DingTalk";
    margin-bottom: 0.05rem;
    filter: brightness(1.2);
    text-indent: 0.13rem;
}

.l-i-address {
    padding: 0.05rem 0rem 0.05rem 0.15rem !important;
    position: relative;
    color: #ddd;
}

.l-i-title::before {
    content: '';
    width: 0.04rem;
    height: 0.2rem;
    display: block;
    position: absolute;
    top: 0.02rem;
    left: 0;
    filter: drop-shadow(1px 1px 2px #0006);
    background-image: linear-gradient(#0ea6a6, #62cbff99);
}



/* 加载动画 */

.load-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0.98rem;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 9;
    color: #fff;
    transition: all 0.3s;
    background-image: url(../img/index/bg10.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-color: #0009;
    background-blend-mode: multiply;
}

.load-box img {
    width: 3.2rem;
    height: 3.2rem;
}

.load-box span {
    font-size: 0.32rem;
    text-shadow: 0 0 4px #fff;
    letter-spacing: 2px;
    margin-bottom: 1rem;
}

.load-box>div {
    width: 4.8rem;
    height: 4.8rem;
    background-image: url(../img/index/bg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0 0 1rem #009299);
}


.box6 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
}

.box6-item {
    width: 40%;
    height: 50%;
    color: #ddd;
    display: flex;
    justify-content: space-between;
}

.box6-item>div {
    margin-left: 0.03rem;
}

.box6-count {
    color: #82dcff;
    font-size: 0.18rem;
    font-family: "DingTalk";

}


.box6-item>img {
    width: 0.36rem;
    height: 0.36rem;
    animation: sweepicon 5s infinite;
}


@keyframes sweepicon {
    0% {
        filter: brightness(1) drop-shadow(0 0 2px #69f8ff);
    }

    50% {
        filter: brightness(3) drop-shadow(0 0 5px #69f8ff);
    }

    100% {
        filter: brightness(1) drop-shadow(0 0 2px #69f8ff);
    }

}




/* 地图弹出 */

.map-window {
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, .8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}

.map-window-content {
    width: 12.05rem;
    height: 7.96rem;
    color: #A6F5FF;
    padding: 0.5rem;
    background-image: url(../img/oneMap/bg20.png);
    background-size: 100% 100%;
    position: relative;
}

.map-window-title {
    width: 100%;
    height: 0.4rem;
    display: flex;
    align-items: center;
    padding: 0 0.2rem;
    background-image: url(../img/oneMap/titbg2.png);
    background-size: 45%;
    background-position: 0.5rem bottom;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.8);
}

/* .map-window-body::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/oneMap/icon5.png);
    background-repeat: no-repeat;
    background-position: 50% 55%;
    position: absolute;
    opacity: 0.4;
} */

#close-map-window {
    width: 0.28rem;
    height: 0.28rem;
    cursor: pointer;
    position: absolute;
    right: 0.02rem;
    top: 0.06rem;
    filter: drop-shadow(1px 1px 3px #2dc5cc);
}


.map-window-title.map-title {
    color: #00f3ff;
    font-size: 0.24rem;
    letter-spacing: 1px;
    text-shadow: 1px 1px 4px #1ecaff;
    text-indent: 0;

}

.map-window-title.map-title::before {
    content: '';
    display: block;
    width: 0.4rem;
    height: 0.28rem;
    background-image: url(../img/oneMap/tit_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(90deg);
}

.map-window-body {
    width: 100%;
    height: calc(100% - 0.4rem);

}

.map-window-top {
    width: 100%;
    height: 20%;
    margin-top: 1%;
    display: flex;
    justify-content: space-around;
}

.map-window-middle {
    width: 100%;
    height: 35%;
    margin: 2% 0;
    display: flex;
    justify-content: space-between;

}

.map-window-bottom {
    width: 100%;
    height: 35%;
    display: flex;
    justify-content: space-between;

}

.window-block {
    width: calc(50% - 0.15rem);
    height: 100%;
    display: flex;
    align-items: center;
}

.window-title {
    width: 100%;
    height: 0.4rem;
    padding: 0 0.3rem;
    color: #7cfbff;
    line-height: 0.4rem;
    font-size: 0.18rem;
    background: url(../img/oneMap/t1.png);
    background-repeat: no-repeat;
    background-size: auto 0.4rem;
    letter-spacing: 1px;
    text-indent: 0.04rem;
}

.window-border {
    background-image: url(../img/bg12.png);
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    align-items: flex-start;
    flex-direction: column;
}

.map-window-top>div>img {
    width: 0.64rem;
    height: 0.64rem;
    margin-top: 0.1rem;
    filter: brightness(1.3) drop-shadow(0 0 3px #01ac9c);
}

.top-count {
    width: 1.45rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: #31DFBE;
    font-size: 0.16rem;


}

.top-count>div:nth-child(1) {
    margin-bottom: 0.04rem;
}

.top-count>div:nth-child(2) {
    width: 100%;
    height: .51rem;
    background-image: url(../img/bg13.png);
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    line-height: 0.4rem;
}

.top-count>div:nth-child(2) span {
    font-size: 0.24rem;
    font-weight: 600;
}

.top-trend {
    width: 3.01rem;
    height: .76rem;
    background-image: url(../img/bg14.png);
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    padding: 0.05rem 0;
}

.top-trend>div {
    display: flex;
    height: 50%;
    align-items: center;
    color: #FFFFFF;
    font-size: 0.14rem;
}

.top-trend>div>img {
    width: 0.21rem;
    height: 0.12rem;
}

.top-trend>div>div:nth-child(1) {
    margin: 0 0.4rem 0 0.1rem;
}

.top-trend>div>div:nth-child(1)::before {
    content: '';
    display: inline-block;
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 50%;
    margin: 0 0.1rem 0 0.2rem;
}


.top-trend>div>div:nth-child(2) {
    font-size: 0.18rem;
    margin-right: 0.04rem;
}

.top-trend>div>div:nth-child(1)::before {
    border: 1px solid #65FFA1;

}



.window-chart {
    width: 100%;
    height: calc(100% - 0.4rem);
}

.street-list {
    width: calc(100% - 0.2rem);
    margin-left: 0.1rem;
    color: #FBFFFF;
    font-size: 0.14rem;
    display: flex;
}

.street-list>div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.street-list>div:nth-child(2),
.street-list>div:nth-child(1),
.street-list>div:nth-child(3) {
    flex: 1;
}

.street-list>div:nth-child(4) {
    flex: 2;
}

.street-list:nth-child(2n) {
    background-color: #0C30427D;
}



.street-list>div:nth-child(2) {
    color: #FFE68D;
}

.street-list>div:nth-child(3) {
    color: #6FDEFF;
}

.street-list>div:nth-child(4) {
    color: #7EFFB7;
}

.street-list:nth-child(1) {
    background-color: #2057737a;
    border-bottom: 1px solid rgba(45, 68, 98, 0.5);
}

.street-list:nth-child(1)>div {
    color: #94DCEF;

}

/* 地图弹出结束 */